body,
html {
    background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
    padding-top: 10px;
}

main {
    .info-box{
  
        .run-icon{
        height: 50px;
        border-radius: 50%;
    }

    // 运动数据
    .info-sports {
        line-height: 25px;
        color: #844215;
        margin-bottom: 20px;
    }
    .info-duck {
        height: 80px;
        margin-right: 10px;
        border-radius: 50%;
    }
    
    .info-bottom {
        margin-top: 10px;
    
        .info-data {
            width: 50%;
            height: 70px;
            padding-left: 5px;
    
            .info-dataone {
                margin-bottom: 10px;
                color:#af5d19;
            }
    
            span {
                font-size: 40px;
                color: #6f5a07;
            }
    
        }
    
        .onea {
            border-right: 1px dotted rgb(129, 126, 126);
        }
    }

    .run-detail{
        margin-top: 80px;
        li{
            text-align: center;
            color: #878683;
        }
       h6{
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: lighter;
       }
    }
        .run-icon{
            height: 50px;
            border-radius: 50%;
        }
    
        // 运动数据
        .info-sports {
            line-height: 25px;
            color: #844215;
            margin-bottom: 20px;
        }
        .info-duck {
            height: 80px;
            margin-right: 10px;
            border-radius: 50%;
        }
        
        .info-bottom {
            margin-top: 10px;
        
            .info-data {
                width: 50%;
                height: 70px;
                padding-left: 5px;
        
                .info-dataone {
                    margin-bottom: 10px;
                    color:#af5d19;
                }
        
                span {
                    font-size: 40px;
                    color: #6f5a07;
                }
        
            }
        
            .onea {
                border-right: 1px dotted rgb(129, 126, 126);
            }
        }
    
        .run-detail{
            margin-top: 80px;
            li{
                text-align: center;
                color: #878683;
            }
           h6{
            font-size: 14px;
            margin-bottom: 10px;
            font-weight: lighter;
           }
        }
    }


    .echartsbox{
        margin-top: 15px;
        width: 100%;
        height: 300px;
        border: 1px solid #ccc;
    }
    
}

